<template>
    <view class="page">
        <u-list enableBackToTop @scrolltolower="loadmore()">
            <u-list-item v-for="(item, index) in urls" :key="index">
                <view class="item">
                    <view class="top">
                        <text class="type">提现</text>
                        <text class="amount">898</text>
                    </view>
                    <view class="bottom">
                        <text class="date">2024-12-12 12:20</text>
                        <text class="balance">119.00</text>
                    </view>
                </view>
            </u-list-item>
        </u-list>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                urls: [
                    'https://cdn.uviewui.com/uview/album/1.jpg',
                    'https://cdn.uviewui.com/uview/album/2.jpg',
                    'https://cdn.uviewui.com/uview/album/3.jpg',
                    'https://cdn.uviewui.com/uview/album/4.jpg',
                    'https://cdn.uviewui.com/uview/album/5.jpg',
                    'https://cdn.uviewui.com/uview/album/6.jpg',
                    'https://cdn.uviewui.com/uview/album/7.jpg',
                    'https://cdn.uviewui.com/uview/album/8.jpg',
                    'https://cdn.uviewui.com/uview/album/9.jpg',
                    'https://cdn.uviewui.com/uview/album/10.jpg',
                ]
            };
        },
        onLoad() {
            this.loadmore()
        },
        methods: {
            loadmore() {
                
            }
        },
    }
</script>

<style lang="scss">
    .page {
        margin: 0 30rpx;
        
        .item {
            padding: 40rpx 0;
            border-bottom: 1px solid $uni-border-color-btm;
            font-family: PingFang SC, PingFang SC;
            .top {
                display: flex;
                justify-content: space-between;
                align-items: center;
                font-size: 30rpx;
                .type {
                    color: #151515;
                }
                .amount {
                    font-weight: 500;
                    color: #9F07B7;
                }
            }
            .bottom {
                display: flex;
                justify-content: space-between;
                align-items: center;
                font-size: 24rpx;
                color: #999999;
                .date {
                    
                }
                .balance {
                    
                }
            }
        }
    }
</style>